<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>填写订单信息_途家网</title>
<meta name="keywords" content='{$house.title}' />
<meta name='description' content="日租,短租,日租房,短租房,度假公寓,家庭旅馆" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/style1/style/style.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/style1/style/order.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/validform/validform.css" />
<link rel="stylesheet" type="text/css" href="__DATA__/datepicker/zebra_datepicker.css" />
<script type='text/javascript' src='__PUBLIC__/style1/js/jquery-1.8.1.min.js'></script>
<script type='text/javascript' src='__PUBLIC__/datepicker/zebra_datepicker.js'></script>
<script type='text/javascript' src='__PUBLIC__/style1/js/public.js'></script>
<script type='text/javascript' src='__PUBLIC__/style1/js/order.js'></script>
<script type='text/javascript' src='__DATA__/Validform_v5.1_min.js'></script>
<script type='text/javascript' src='__PUBLIC__/validform/validata.js'></script>
<jsconst />
</head>
<body>
	<loadfile file='public/header.html'/>
	<!--面包屑导航-->
	<div class='split_bg'>
		<div class='split'>
			<div class='split_l l'><!--左-->
				
			</div>
			<div class='split_r r'><!--右-->
				<span>房屋编号<strong>{$house.id}</strong></span>
			</div>
		</div>
	</div>
	<!--页面的主体部分-->
	<form action='__CONTROL__/tijiao_order' method='post' id='orderHouse'>
	<div class='order_main'>
		<div class="stepsbox"> <!-- 进度条 -->
		    <ul class="stepsul" id="steps">
			    <li class="steps1 current">1.填写预订信息</li>
			    <li class="steps2">2.核对订单并完成</li>
			    <li class="steps3">3.在线支付</li>
		    </ul>
		</div>
		<div class='orderHouse-wrap'>
			<div class="orderHouseBox stepsfirst">
		        <div class="pic">
		        	<img src="http://staticfile.tujia.com/upload/unit/day_120530/Thumb/201205301107136963_120_90.jpg" alt="世纪山水高级园景大床套房" />
		        </div>
			        <div class="houseInfo">
						<h2>
							<strong>{$house.title}</strong><span>(共{$house.num}套)</span>
			                 <if value='!empty($house.xingji)'><img src="__PUBLIC__/style1/img/xingji5.gif" alt="途家评级" title="途家评级" width="58" height="18" /></if>
			            	 <if value='$house.jieji eq 1'><img src="__PUBLIC__/style1/img/jieji.gif"  alt="免费接机" title="免费接机" width="72" height="16"/></if>
			            </h2>
					<div class="commonInfo" style='margin:10px 0;'>
					    <span class="star"  style="cursor: default; width: 100px; " title="">
						    <img src="__PUBLIC__/style1/img/star-on.gif" alt="1" title=""/>&nbsp;
						    <img src="__PUBLIC__/style1/img/star-on.gif" alt="2" title=""/>&nbsp;
						    <img src="__PUBLIC__/style1/img/star-on.gif" alt="3" title=""/>&nbsp;
						    <img src="__PUBLIC__/style1/img/star-on.gif" alt="4" title=""/>&nbsp;
						    <img src="__PUBLIC__/style1/img/star-off.gif" alt="5" title=""/>
					    </span>
					    <a class="starnumber vt ml5" target="_blank" href="#">1条点评</a>
					</div>
					<div  class="pingfenTool" style='-display:block; top:-60px; z-index:9;'>
					    <div class="commentsEvaluation">房屋综合评分(共有1条点评)</div>
					    <div class="commentsResults">
					        <span class="bigStar vb"style="cursor: default; width: 140px; " >
						        <img src="__PUBLIC__/style1/img/star-on-big.gif" alt="1" title="" />&nbsp;
						        <img src="__PUBLIC__/style1/img/star-on-big.gif" alt="2" title="" />&nbsp;
						        <img src="__PUBLIC__/style1/img/star-on-big.gif" alt="3" title="" />&nbsp;
						        <img src="__PUBLIC__/style1/img/star-on-big.gif" alt="4" title="" />&nbsp;
						        <img src="__PUBLIC__/style1/img/star-on-big.gif" alt="5" title="" />
					        </span>
					        <strong class="fGeorgia">4</strong><span class="t">&nbsp;分<em>(满分5分)</em></span>
					    </div>
					    <div class="commentScores">
					        <p><span>卫生：<b>5</b>分</span><span>交通：<b>5</b>分</span></p>
					        <p><span>管理服务：<b>5</b>分</span><span>家居设施：<b>4</b>分</span></p>
					        <p><span>周边环境：<b>4</b>分</span><span>室内装修：<b>4</b>分</span></p>
					    </div>
					</div>
					<p class='orderHouseAddress'>{$house.address}</p>
		            <p class='orderHouseGeju'>
			            <span style='padding-left:0px;'>{$house.yangshi}</span>|<span>{$house.geju}</span>|<span>{$house.area}平米</span>|<span>床数<strong>{$house.chuang}</strong></span>|<span>推荐入住<strong>{$house.ruzhu}</strong>人
			            &nbsp;&nbsp;管理公司：<span>{$house.company}</span>
			            </span><br />
		            </p>
			    </div>
		    </div><!-- 房屋情况介绍END -->
		    <!-- <div class="orderHouseServer">
		         <p class="serviceCategoryList">可选服务：
		            <input id="categoryList_3" name="sc" type="checkbox" value="true"/><input name="sc" type="hidden" value="false"/><label for="categoryList_3">接机<span></span> </label>
		            <input id="categoryList_10" name="sc" type="checkbox" value="true"/><input name="sc" type="hidden" value="false"/><label for="categoryList_10">加床<span></span></label>
			    </p>
		    </div>--><!-- 可选服务结束 -->
		     
		    <!-- 费用表格 -->
		    <div style='clear:both;'></div>
		    <div class="orderHousePrice stepsfirst">
		        <table class="serviceCategoryTable">
		            <thead>
		                <tr>                                                                                                                                                      
		                    <th class="orderTh1">项目</th>
		                    <th class="orderTh2">详情</th>
		                    <th class="orderTh3">数量</th>
		                    <th class="orderTh4">金额</th>
		                    <th class="orderTh5">说明</th>
		                    <th class="orderTh6">删除</th>
		                </tr>
		            </thead>
		            <tbody>
					    <tr class="orderTr" style='border-top:none;'>
					    	
						    <td class="orderTh1">房费</td>
						    <td class="orderTh2">
						    	<input type='hidden' name='startdate' value='{$fei.startdate}' />
						    	<input type='hidden' name='enddate' value='{$fei.enddate}' />
						    	<input type='hidden' name='daynum' value='{$fei.daynum}' />
						    	<input type='hidden' name='money' value='{$fei.money}'/>
						    	入住：<span class="timer">{$fei.startdate}</span> 退房：<span class="timer">{$fei.enddate}</span></td>
						    <td class="orderTh3">{$fei.daynum}晚</td>
						    <td class="orderTh4">  <span class="yen"> ¥{$fei.money}.00</span></td>
						    <td class="orderTh5">请在&nbsp;{$fei.enddate}&nbsp;12:00&nbsp;前办理离店</td>
		                    <td class="orderTh6"></td>
					    </tr>
					    <!-- 
		                <tr class="orderTr" >
					        <td class="orderTh1">
	                            <div class="serviceCategorySelector">接机</div>
	                        </td>
						    <td class='orderTh2'>
								航班日期：<span style='position:relative;'><input style=' width:100px;padding-left:0px;' class="smipt" type="text" value="2012-09-28" id='startDate'/></span>
								航班号：<span><input class="smipt"  name="asdf" type="text" value="" /></span>
								<p class='ptext'>如果航班尚未确定或无需接机服务请<a href="javascript:;" class="delserver">点此取消</a>，<br />如需接机服务，请最晚在航班到达前24小时提供航班信息。</p>
			                </td>
			               	<td class='orderTh3'>
			               		<div class="tcol3 fixline">
									选择<select name="sdaf">
										<option value="3">3人</option>
										<option value="2">2人</option>
										<option value="1">1人</option>
									</select>
								</div>
			               	</td>
			               	<td class='orderTh4'>
			               		<div class="tcol4 fixline">免费</div>
			               	</td> 
			               	<td class='orderTh5'>
			               		<div class="tcol5 fixline">免费(法定节假日例外)</div>
			               	</td> 
	                        <td class='orderTh6'>
	                        	<a href="javascript:;">删除</a>
	                        </td>
					        </tr>
		                    <tr class="orderTr">
						        <td class="orderTh1">
		                            <div class="serviceCategorySelector"> 加床</div>
		                        </td>
		                        <td class="orderTh2">
		                            <div class="tcol2 fixline">
									此房屋最多可加床 1 张
									<input  name="sdf" type="hidden" value="2012-09-28" />
									</div>
		                        </td>
		                        <td class="orderTh3">
		                            <div class="tcol3 fixline">
										<strong class="red">*</strong><select name="sadf">
											<option value="1">1</option>
										</select>
									</div>
		                        </td>
		                        <td class="orderTh4">
		                            <div class="tcol4 fixline">到店支付</div>
		                        </td>
		                        <td class="orderTh5">
		                            <div class="tcol5 fixline">100元/床/晚 </div>
		                        </td>
		                        <td class='orderTh6'><a href="javascript:;" style="cursor: pointer; ">删除</a></td>
					        </tr>
					         -->
				    </tbody>
		        </table>
		    </div>
		    <!-- 费用表格end -->
		    <div class="Total-price stepsfirst">
			    总计：<strong id="houseTotalUnit"><span style="font-family:Helvetica,arial,sans-serif">¥</span>{$fei.money}.00</strong>
		        应付订金：<strong id="TotalPreAmountPrice"><span style="font-family:Helvetica,arial,sans-serif">¥</span>{$fei.money}.00</strong>
		        <p>确认订单需预付 {$fei.money} 元作为订金，剩余部分将在办理入住时支付。</p>
		            <br />1、您入住的房间所属小区为业主提供了一些免费服务，您也可以在物业允许的范围内享受相关服务，我们提供的小区服务信息仅供参考，最终以小区物业管理规定为准！
				2、途家度假公寓目前只接受中国大陆地区居民的预订，感谢您的支持和理解！
		    </div>
		    <!-- 费用总结 -->
		    <div class="orderFormBox stepsfirst">
	            <h2>填写联系人信息</h2>
	            <div class="bc" id="userinfoBox">
		            <div class="orderForm-div"><label for="" class="userinfolabel"><strong>* </strong>联系人姓名：</label><input type="text"  name="v_contactname" class="ipt"/><div class="info"><span class="Validform_checktip"></span></div></div>
	                <div class="orderForm-div"><label for="" class="userinfolabel"><strong>* </strong>入住人数：</label>
	                <select id="usernumber" name="v_usernumber" datatype='*' nullmsg='入住人数必填'>
	                	<option value="">==必选==</option>
	                	<?php for($i=1;$i<=$house["ruzhu"];$i++){  ?>
							<option value="<?php echo $i ?>"><?php echo $i ?>人</option>
						<?php } ?>
					</select><div class="info"><span class="Validform_checktip"></span></div></div>
	                <div class="orderForm-div"><label for="" class="userinfolabel"><strong>* </strong>联系人手机：</label><input type="text"  name="v_contactmobile" class="ipt"  /><div class="info"><span class="Validform_checktip"></span></div></div>
		            <div class="orderForm-div"><label for="" class="userinfolabel">联系人座机：</label><input type="text" class="ipt ignore" name='v_contacttel' /><div class="info"><span class="Validform_checktip"></span></div></div>
		            <div class="orderForm-div"><label for="" class="userinfolabel">E-mail：</label><input type="text" class="ipt ignore"  name='v_contactemail'/><div class="info"><span class="Validform_checktip"></span></div></div>
	                <div class="orderForm-div"><label for="checkinname" class="userinfolabel"><strong>* </strong>入住人姓名：</label><input type="text" class="ipt" name="v_checkinname" /><div class="info"><span class="Validform_checktip"></span></div></div>
			        <div class="orderForm-div"><label for="checkinmobile" class="userinfolabel"><strong>* </strong>入住人手机：</label><input type="text"class="ipt" name="v_checkinmobile" /><div class="info"><span class="Validform_checktip"></span></div></div>
	                <div class="orderForm-div-2" style="height:auto"><label for="remarks" class="userinfolabel vt" style="margin-top:2px">其他要求请留言：</label><textarea id="remarks"  name='liuyan' class="orderText"></textarea></div>
	            </div>
	        </div>
	        <!-- 提交 -->
	        <div class="tiaokuan stepsfirst">
	            <input type="checkbox"  name="v_contract" id='v_contract' value='1'/><span class=''>我已阅读并同意</span>
	            <a href="#" class="wau" target="_blank">隐私&amp;条款</a>
	           	<input type='hidden' name='hid' value='{$house.id}' />
	           	<a href="javascript:;" id="orderfirst"  class="submit-b">确认并提交</a>
	        </div>
	        <div class='heduidingdan stepstwo' id='stepstwo'>
		        <div class="orderFormBox" style='border:none;padding-bottom:0px;'>
		            <h2>核对订单信息</h2>
		            <ul style='display:none;' id='getHouseData'>
					    <li>房屋ID：359</li>
					    <li>房屋名称：近{$house.cname}{$house.title}</li>
					    <li>房屋地址：{$house.address}</li>
					    <li>管理公司：{$house.comname}</li>
				    </ul>
		            <div class="orderinfowrap" id='orderinfowrap'>
					    <ul></ul>
				    </div>
		        </div>
		        <!-- 提交 -->
		        <div class="tiaokuan stepstwo">
		           <a href="javascript:;" id="ordersecond"  class="submit-a">返回修改</a>
		           <input type='submit' value='确认并提交' class='submit-b-b'/>
		        </div>
	        </div>
	        <!-- 交易规则start -->
	        <div class="orderGuize">
		        <h3>交易规则</h3>
	            <ul>
	                <li>确认订单需预付首晚房费即 {$house.price}.00 元作为订金，剩余部分将在办理入住时支付。</li>
	                <li>取消或变更订单将收取订金的全额作为违约金。</li>
	                <li>需 15:00 办理入住，早到可能需要等待。</li>
	                <li>如不能及时到达，请联系途家。</li>
	            </ul>
		    </div>
	    </div>
	</div>
	</form>
	<loadfile file='public/footer' />
</body>
</html>
